#profileSection .title {
            text-align: center
        }

        #profileSection .title-a {
            font-size: 26px;
            color: #333;
            margin: 20px auto
        }

        #profileSection .title-b {
            height: 2px;
            width: 40px;
            background: #e31d1a;
            margin: 15px auto
        }

        #profileSection .title-c {
            font-size: 18px;
            letter-spacing: 10px;
            color: #d9d9d9
        }

        #section0 {
            margin-bottom: 0
        }

        .banner {
            position: relative;
            max-height: 900px;
            background: 50% no-repeat;
            background-size: cover
        }

        .banner-space {
            width: 100%;
            height: 0;
            padding-top: 23.85%
        }

        #profileSection {
            /*background-color: #f7f7f7;background:url(/image/haitong/bg-container.jpg) 50% no-repeat,-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),color-stop(50%,#f7f7f7),color-stop(50%,#fdfdfd),to(#fdfdfd));background:url(/image/haitong/bg-container.jpg) 50% no-repeat,linear-gradient(180deg,#f7f7f7 0,#f7f7f7 50%,#fdfdfd 0,#fdfdfd);background-size:100% auto;*/
            background: #f7f7f7 url(/image/haitong/bg-container.jpg) no-repeat fixed 50% 450px;
            background-size: 100% auto;
            padding-top: 40px;
            padding-bottom: 40px;
            margin-bottom: 0
        }

        .section-inner {
            margin-top: 40px;
        }

        .reward {
            position: relative;
            margin: 20px 0;
            /* max-height: 1000px;
            overflow: scroll; */
        }

        .reward-b {
            width: 21px;
            height: 21px;
            background: #e31d1a;
            border: 3px solid #fff;
            border-radius: 100px;
            margin: 10px auto 0
        }

        .reward-item,
        .reward-list {
            position: relative
        }

        .reward-item {
            display: -webkit-box;
            display: flex;
            -webkit-box-align: stretch;
            align-items: stretch;
            margin-bottom: 20px;
            z-index: 1
        }

        .reward-item:first-of-type .reward-left {
            margin-top: -16px
        }

        .reward-left {
            -webkit-box-ordinal-group: 1;
            order: 0;
            width: 120px;
            text-align: right;
            font-style: italic;
            display: block;
            margin-top:5px;
        }

        .reward-time {
            font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 20px;
            font-weight: 700;
            color: #e31d1a;
            margin-top: -3px;
        }

        .reward-time-sub {
            font-size: 16px;
            color: #666
        }

        .reward-item:first-of-type .reward-time {
            font-size: 40px;
            color: #e31d1a;
            margin-top: 0px;
        }

        .reward-shape {
            width: 60px;
            display: -webkit-box;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            flex-direction: column;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-ordinal-group: 2;
            order: 1
        }

        .reward-dot {
            width: 60px;
            height: 40px;
            line-height: 40px;
            text-align: center
        }

        .reward-dot:before {
            content: "";
            height: 12px;
            width: 12px;
            display: inline-block;
            border-radius: 100px;
            background: #e31d1a;
            border: 2px solid #fff
        }

        .reward-line {
            -webkit-box-flex: 1;
            flex: 1;
            width: 0;
            border-right: 2px dashed #999;
            -webkit-transform: translateY(5px);
            transform: translateY(5px)
        }

        .reward-item:first-of-type .reward-dot:before {
            height: 14px;
            width: 14px;
            border: 3px solid #fff;
            background: #e31d1a;
            box-shadow: 0 0 20px #e31d1a
        }

        .reward-item:last-of-type .reward-line {
            display: none
        }

        .reward-content {
            display: block;
            -webkit-box-ordinal-group: 3;
            order: 2;
            -webkit-box-flex: 1;
            flex: 1;
            flex-wrap: wrap;
            background: #fff
        }

        .reward-sub {
            display: -webkit-box;
            display: flex;
            margin: 20px 0;
            font-size: 14px;
            flex-direction: column;
            margin-left: 10px;
        }

        .reward-sub-name {
            margin-bottom: 20px;
            font-weight: 400;
            font-size:16px;
        }

        .reward-sub-item,
        .reward-sub-list {
            -webkit-box-flex: 1;
            flex: 1
        }

        .reward-sub-item {
            margin-bottom: 10px;
            font-size: 12px;
        }

        .reward-sub-item img {
            display: block;
            max-width: 100%;
            margin: 10px 0
        }

        .reward-data {
            display: none
        }

        @media screen and (max-width: 600px) {

            .reward-content,
            .reward-item,
            .reward-sub {
                display: block
            }

            .reward-left {
                margin: 20px 0;
                width: auto;
                text-align: left
            }

            .reward-time,
            .reward-time-sub {
                display: inline-block;
                margin-right: 10px;
                margin-left: 10px;
            }

            .reward-shape {
                display: none
            }

            .reward-sub {
                padding: 0 20px
            }

            .reward-sub-name {
                width: auto;
                text-align: left;
                font-size: 25px;
                margin-bottom: 20px;
                font-size: 16px;
                font-weight: 400;
            }
        }

        .collapse {
            overflow: hidden;
            position: relative
        }

        .collapse-in {
            max-height: none !important;
            margin-right: 12px;
            border-radius: 5px;
            margin-top: -10px;
            margin-bottom: 20px;
        }

        .collapse-in .collapse-btn {
            position: relative;
            padding-top: 0
        }

        .collapse-btn {
            position: absolute;
            width: 100%;
            bottom: 0;
            height: 20px;
            line-height: 0;
            font-size: 14px;
            color: #2b6da8;
            text-align: right;
            padding-top: 20px;
            background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(#fff), to(#fff));
            background: linear-gradient(hsla(0, 0%, 100%, 0), #fff, #fff)
        }